<%@ page isELIgnored="false" %>
<%@page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%   
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<base href="/shopping/views/"/>
<meta charset="utf-8">
<title>后台管理员登录</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<style type="text/css">
	body{
		background: url("back/images/imgs/aio(2).jpg");
	}
</style>
<link rel="shortcut icon" href="back/images/imgs/logo.png" type="image/x-icon" />
<link rel="stylesheet" href="back/css/bootstrap.min.css">
<link rel="stylesheet" href="back/css/login.css">
<script src="back/js/jquery-1.9.1.js"></script>
<script src="back/js/bootstrap.min.js"></script>
<!--[if lt IE 9]>
	<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
    <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->

<script>
	$(function(){ 
		$(".container").css("position","fixed").css("top",($(window).height()-$(".container").height())/5)
		.css("left",($(window).width()-$(".container").width())/2);
		
		$('.close-button').click(function(){
			$(this).parent().removeClass("slidePageInFromLeft").addClass("slidePageBackLeft");
		});
		
		$(window).resize(function(){
			$(".container").css("position","fixed").css("top",($(window).height()-$(".container").height())/5)
			.css("left",($(window).width()-$(".container").width())/2);
		});
		window.setInterval("setBackGround()",2000);			
	});
	
	function setBackGround(){
		var pics = ["back/images/imgs/aio(5).jpg","back/images/imgs/bg2.jpg","back/images/imgs/aio(2).jpg",];
		//获得随机数
		var i = Math.floor(Math.random()*pics.length);
		//每秒换图片
		$("body").css("background","url('"+pics[i]+"')");
	};
		
	
	function login(id,role) {
    	var flag = $("#"+id).text();
    	$("#"+role).val(flag);
	}
	
	function showRegisterPage(){
		$(".register-page").addClass("slidePageInFromLeft").removeClass("slidePageBackLeft");
	}
	
	function backlogin(){
		$(".register-page").removeClass("slidePageInFromLeft").addClass("slidePageBackLeft");
	}
	
</script>
</head> 

<body id="bodycss">
	<div class="container">
		<div style="position:relative;top:200px;" class="row">
            <div class="col-md-5 col-md-offset-3">
            	<div class="panel">
                	<div class="panel-heading login-top">后台管理员登录</div>
                    <div class="panel-body">
                    	<form id='adminLogin' class="form-group col-lg-10 col-md-offset-1" action="../back/adminInfo/login" method="POST" role="form"><!-- 这个class中间的空格，表示  他既是form-group 也是 col-lg-10 -->
                            <br />
                            <div class="input-group">
                            	<label for="searchParam" class="input-group-addon">账号\姓名</label>
                                <input type="text" value="" class="form-control" name="searchParam" id="searchParam" required placeholder="请输入用户名"/>
                            </div>
                            <br />
                            <div class="input-group">
                            	<label for="apwd" class="input-group-addon">密&nbsp;&nbsp;&nbsp;码</label>
                                <input type="password" value="" class="form-control" name="apwd" id="apwd" required  placeholder="请输入密码"/>
                            </div>
                            <c:if test="${info-content != 0}">
                                <div class="info">
                                    <label for="apwd" class="input-group-addon">提&nbsp;&nbsp;&nbsp;示：${info-content}</label>
                                </div>
                            </c:if>
                            <br />
                            <br/>
                            <div class="input-group">
                            	<input type="submit" value="登陆" class="btn btn-success mybtn"/>
                                <input type="reset" value="重置" class="btn btn-warning mybtn"/>
                            </div>
                            <br/>
                		</form>
                    </div>
                    <div class="panel-footer login-footer"><a href="back/manager/index.html">某某 &copy; 版权所有</a></div>
                </div>
            </div>
            <div class="col-md-2"></div>
        </div>
	</div>
    <div class="panel-footer login-footer">某某 &copy; 版权所有</div>
</body>
</html>
